@charset "utf-8";

/*显示右上角广告*/
.feedback{display: block;}

/*中间文字详情页部分*/
.index-main{padding-top:25px; padding-bottom: 100px;}

.index-xlb{padding-bottom: 20px; height: 20px; line-height: 20px;}
.index-xlb em{float: left; width: 20px; height: 20px;  background: url("../images/index/index-sprite.png") no-repeat 0 -50px; margin-right: 15px;}
.index-xlb span{float: left;font-size: 12px; font-family: "NSimSun"; color: #0c0c0c; margin-right: 25px;}
.index-xlb a.ix-view{float: left; font-size: 12px; font-family: "NSimSun"; color: #DB6D4C; font-weight: bold; margin-right: 20px;}
.index-xlb a.ix-close{float: left;margin-top: 2px; width: 16px; height: 16px; background: url("../images/index/index-sprite.png") no-repeat -30px -50px; }



/*左侧*/
.index-left .idx-adver1{height: 90px; padding-bottom: 50px;}
.index-left .idx-news{padding: 20px 25px; background: #fff; margin-bottom: 48px;}
.index-left .idx-news .title{height: 30px; line-height: 30px;padding-bottom:10px; border-bottom: solid 1px #EAEAEA;}
.index-left .idx-news .title h2{font-family: "microsoft yahei"; font-size: 20px; color: #db6d4c;float: left; padding-right: 20px; border-right: solid 1px #E0E0E0; }
.index-left .idx-news .title a.more{float: right; font-size: 12px; color: #949494;}
.index-left .idx-news .cont{padding: 15px 0px 0px 0px;}
.index-left .idx-news .cont .cont-left{width: 320px;padding-left: 10px;padding-right: 19px; float: left; overflow: hidden; border-right: solid 1px #E0E0E0;}
.index-left .idx-news .cont .cont-right{width: 320px;padding-left: 20px; padding-right: 10px;float: left; overflow: hidden;}
.index-left .idx-news .cont .news-ul li{padding: 10px 0;border-bottom: solid 1px #fff;border-top: solid 1px #fff; }
.index-left .idx-news .cont .news-ul li:hover{border-bottom: solid 1px #E0E0E0;border-top: solid 1px #E0E0E0; background: #F9F9F9;}
.index-left .idx-news .cont .news-ul li .img{float: left; width: 96px;}
.index-left .idx-news .cont .news-ul li .word{padding-left: 110px;}
.index-left .idx-news .cont .news-ul li .word h3{word-wrap:break-word; height: 34px; overflow: hidden;}
.index-left .idx-news .cont .news-ul li .word h3 a{font-family: "microsoft yahei";font-size: 14px; color: #db6d4c; font-weight: bold; line-height: 34px;text-overflow: ellipsis;}
.index-left .idx-news .cont .news-ul li:hover .word h3 a{color: #F37A55;}
.index-left .idx-news .cont .news-ul li .word p{font-family: "microsoft yahei";font-size: 12px; color: #858585; line-height: 16px; height: 16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*顶部轮播 add 20140718*/
.index-left .idx-banner{padding: 10px; background: #fff; margin-bottom: 40px}
.index-left .idx-banner .idx-banner-left{float: left;}
.index-left .idx-banner .idx-banner-right{float: left;padding: 10px 5px; margin-left: 20px; width: 220px;}
.index-left .idx-banner .ib-bd-img{position: relative; width: 480px; height: 300px; overflow: hidden;}
.index-left .idx-banner .ib-bd-img ul{height: 300px; width: 300%; position: absolute;}
.index-left .idx-banner .ib-bd-img ul li{width: 480px; height: 300px; overflow: hidden; float: left;}
.index-left .idx-banner .ib-bd-img ul li a{position: relative; display: block; width: 480px; height: 300px;}
.index-left .idx-banner .ib-bd-img ul li a img{width: 500px; height: 300px;-webkit-transition: all .2s;-ms-transition: all .2s;}
.index-left .idx-banner .ib-bd-img ul li a i{ position: absolute; width:80px; height:80px; display: none; left:50%; top:50%; margin-left:-40px; margin-top:-40px;  background: url("../images/index/index-sprite.png") no-repeat 0px -91px;}
.index-left .idx-banner .ib-bd-img ul li a em{position: absolute; width:38px; height:44px; display: none;left:50%; top:50%; margin-left:-12px; margin-top:-22px;  background: url("../images/index/index-sprite.png") no-repeat 0px -194px;}
.index-left .idx-banner .ib-bd-img ul li a:hover img {-webkit-transform: translate(-20px);-ms-transform: translate(-20px); }
.index-left .idx-banner .ib-bd-img ul li .video-item:hover img{opacity:0.7;}
.index-left .idx-banner .ib-bd-word{height: 260px;}
.index-left .idx-banner .ib-bd-word ul li{display: none;}
.index-left .idx-banner .ib-bd-word ul li .h3{padding-bottom: 15px;}
.index-left .idx-banner .ib-bd-word ul li .h3 h3{font-size: 18px; font-family: "microsoft yahei"; color:#000; line-height: 24px; overflow: hidden; height: 48px; }
.index-left .idx-banner .ib-bd-word ul li .h4{padding-bottom: 18px;}
.index-left .idx-banner .ib-bd-word ul li .h4 h4{color: #db6d4c; font-size: 12px; font-family: "nsimsun"; line-height: 15px; height: 15px; overflow: hidden;}
.index-left .idx-banner .ib-bd-word ul li .p{font-size: 12px; color: #777777; font-family: "nsimsun"; line-height: 20px; height: 110px; overflow: hidden;padding-bottom: 30px;}
.index-left .idx-banner .ib-bd-word ul li .tag{height: 26px; overflow: hidden; margin-bottom: 30px;}
.index-left .idx-banner .ib-bd-word ul li .tag a{float: left;margin-right: 6px;color: #fff;font-size: 12px;font-family: "NSimSun";padding: 4px 14px;text-align: center;background: #c5c5c5;border-radius: 1px; }
.index-left .idx-banner .ib-bd-word ul li .tag a:hover{background: #ED5565;}
.index-left .idx-banner .ib-hd-btns ul{float: left; margin: 0 8px;}
.index-left .idx-banner .ib-hd-btns ul li{margin: 0px 3px; float: left;}
.index-left .idx-banner .ib-hd-btns ul li a{float: left; width: 7px; height: 7px; background: #D3D3D3; border-radius: 8px; border:1px solid #D3D3D3;}
.index-left .idx-banner .ib-hd-btns ul li.on a{background: #fff; border-color:#DD7455;}
.index-left .idx-banner .ib-hd-btns .prev,.index-left .idx-banner .ib-hd-btns .next{float: left;width: 20px; height: 8px; background: url("../images/index/index-sprite.png") no-repeat 0 1px;}
.index-left .idx-banner .ib-hd-btns .prev{margin-left: 50px;}
.index-left .idx-banner .ib-hd-btns .next{background-position: -50px 1px;}

/*手机版顶部banner*/
.phone-index-banner{display: none; position: relative; padding: 0; margin: 0;}
.phone-index-banner .img{width: 100%;border: 0; padding: 0; margin: 0;}
.phone-index-banner .tip{position: absolute; bottom: 6px; background:rgba(0,0,0,0.5);width: 100%;}
.phone-index-banner .tip p{color: #fff;opacity: 1; padding: 6px 10px; font-size: 1.8rem; line-height: 2rem; font-family: "SimSun"}


.video-item{position: fixed; display: block; width: 480px; height: 300px; -webkit-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;}
.video-item img{width: 500px; height: 300px;-webkit-transition: all .2s;-ms-transition: all .2s;}
.video-item i{  position: absolute; width:80px; height:80px; display: none; left:50%; top:50%; margin-left:-40px; margin-top:-40px;  background: url("../images/index/index-sprite.png") no-repeat 0px -91px;}
.video-item em{position: absolute; width:38px; height:44px; display: none;left:50%; top:50%; margin-left:-12px; margin-top:-22px;  background: url("../images/index/index-sprite.png") no-repeat 0px -194px;}
.video-item:hover img {-webkit-transform: translate(-20px);-ms-transform: translate(-20px); }
.video-item:hover img{opacity:0.7;}


.double em{
	-webkit-transform: scale(2,2);
}
.double i{
	-webkit-transform: scale(2,2);
}


.page2,.page3{
	display: none;
	opacity:0;
}
.p-show{
	display: block;
	opacity: 1;
}


#video-box{position:fixed; z-index:1001; border:5px solid #fff; border-bottom:0px;}

/*首页响应式部分*/
@media screen and (max-width: 780px){
	/*广告图*/
	.idx-adver1{display: none;}
	/*轮播图*/
	.idx-banner{display: none;}
	/*手机轮播图*/
	.phone-index-banner{display: block;}
	
	/*业界快讯*/
	.index-left .phone-index-kuaixun{display: block;margin-bottom: 48px; margin-top: 48px;}

	/*最新要闻*/
	.index-left .idx-news{padding: 20px 10px;}
	.index-left .idx-news .cont{padding: 0px 0px 10px 0px;}
	.index-left .idx-news .cont .cont-left{width: 100%; border-right: 0; padding: 0;}
	.index-left .idx-news .cont .cont-right{width: 100%; padding: 0}
	.index-left .idx-news .cont .news-ul li{border-bottom: solid 1px #E5E5E5; padding: 20px 0; }
	.index-left .idx-news .cont .news-ul li .img img{width: 180px;}
	.index-left .idx-news .cont .news-ul li .word{padding-left: 200px;}
	.index-left .idx-news .cont .news-ul li .word h3 a{font-family: "SimSun";font-weight: normal;  color: #474747; font-size: 18px;font-size: 1.8rem;}
}
/*首页响应式部分*/
@media screen and (max-width: 480px){
	/*业界快讯*/
	.index-left .phone-index-kuaixun{margin-bottom: 0px; margin-top: 0px;}
	/*最新要闻*/
	.index-left .idx-news{display: none;}
	/*.index-left .idx-news{margin-bottom: 0px;}
	.index-left .idx-news .cont .news-ul li .img img{width: 96px;}
	.index-left .idx-news .cont .news-ul li .word{padding-left: 118px;}*/
	/*.index-left .idx-news .cont .news-ul li .word p{display: none;}*/
	/*公告*/
	.index-xlb{display: none!important;}
	.index-main{/*padding-top:60px!important 0905*/; /*->*/padding-top:0px !important;  padding-bottom: 10px;}
}

/* ipad 竖向*/
@media (max-device-width: 768px) and (orientation: portrait) {   
	.index-xlb{padding-bottom:0px;}
	.index-left .phone-index-kuaixun{margin-top:20px; margin-bottom:20px;}
	.index-left .idx-news{margin-bottom:20px;}
	.index-left .phone-index-kuaixun{padding-bottom:30px;}
	.index-xlb{ visibility: hidden;}
	.phone-lp-articles-tags{ display: block; margin-top:-10px; margin-bottom:10px;}
	.idx-news{display: none;}
}

.videoRotate{animation: idxVideo .5s; -moz-animation: idxVideo .5s;	/* Firefox */-webkit-animation: idxVideo .5s;	/* Safari 和 Chrome */-o-animation: idxVideo .5s;	/* Opera */}


@keyframes idxVideo
{
35%{
	transform: rotate(100deg);
	-ms-transform: rotate(100deg);		/* IE 9 */
	-webkit-transform: rotate(100deg);	/* Safari and Chrome */
	-o-transform: rotate(100deg);		/* Opera */
	-moz-transform: rotate(100deg);
}
100%{
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);		/* IE 9 */
	-webkit-transform: rotate(0deg);	/* Safari and Chrome */
	-o-transform: rotate(0deg);		/* Opera */
	-moz-transform: rotate(0deg);
}
}

@-moz-keyframes idxVideo /* Firefox */
{
35%{
	transform: rotate(100deg);
	-ms-transform: rotate(100deg);		/* IE 9 */
	-webkit-transform: rotate(100deg);	/* Safari and Chrome */
	-o-transform: rotate(100deg);		/* Opera */
	-moz-transform: rotate(100deg);
}
100%{
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);		/* IE 9 */
	-webkit-transform: rotate(0deg);	/* Safari and Chrome */
	-o-transform: rotate(0deg);		/* Opera */
	-moz-transform: rotate(0deg);
}
}

@-webkit-keyframes idxVideo /* Safari 和 Chrome */
{
35%{
	transform: rotate(100deg);
	-ms-transform: rotate(100deg);		/* IE 9 */
	-webkit-transform: rotate(100deg);	/* Safari and Chrome */
	-o-transform: rotate(100deg);		/* Opera */
	-moz-transform: rotate(100deg);
}
100%{
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);		/* IE 9 */
	-webkit-transform: rotate(0deg);	/* Safari and Chrome */
	-o-transform: rotate(0deg);		/* Opera */
	-moz-transform: rotate(0deg);
}
}

@-o-keyframes idxVideo /* Opera */
{
35%{
	transform: rotate(100deg);
	-ms-transform: rotate(100deg);		/* IE 9 */
	-webkit-transform: rotate(100deg);	/* Safari and Chrome */
	-o-transform: rotate(100deg);		/* Opera */
	-moz-transform: rotate(100deg);
}
100%{
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);		/* IE 9 */
	-webkit-transform: rotate(0deg);	/* Safari and Chrome */
	-o-transform: rotate(0deg);		/* Opera */
	-moz-transform: rotate(0deg);
}
}
